import QtQuick 1.0
import "common"

Item {
    id:root
    width: 360
    height: 640
    signal returnPressed()
    function loadPage(path){

        loader.source = Qt.resolvedUrl(path)

        contains.x = -360


    }



    TopBar {
        id: topBar
        anchors.top: parent.top

        OButton {
            anchors.left: parent.left;
            anchors.verticalCenter: parent.verticalCenter;
            source: "gfx/backward.png"
            onClicked: contains.x = 0
        }

        OButton {
            anchors.centerIn: parent
            source: "gfx/selection.png"
            onClicked:root.returnPressed()

        }

        OButton {
            anchors.right: parent.right;
            anchors.verticalCenter: parent.verticalCenter;
            source: "gfx/forward.png"
        }
    }


    Item {

        id: contains
        anchors.top: topBar.bottom
        width: root.width * 2
        height: root.height - topBar.height

        Behavior on x {
            NumberAnimation {
                duration: 400
            }
        }



        MenuPage {
            anchors.top: parent.top
            anchors.left: parent.left
            width: root.width
            height: parent.height

            onClicked: loadPage(get(index).path)
        }


        Loader {
            id:loader
            anchors.top:parent.top
            anchors.right: parent.right
            width: root.width
            height: parent.height



        }










    }






//    ListModel {
//        id: fruitModel

//        ListElement {
//            name: "Connection"
//            content: "no connection"
//            logo:""

//        }
//        ListElement {
//            name: "Queue"
//            content: "4 action in queue"
//            logo:""
//        }
//        ListElement {
//            name: "About"
//            content: "About this application"
//            logo:""
//        }
//        ListElement {
//            name: "Quit"
//            content: "Quit"
//            logo:""
//        }
//    }


//    ListView {
//        id:view
//        model:fruitModel
//        clip: true

//        anchors.top: topBar.bottom
//        width: root.width
//        height: root.height - topBar.height
//        delegate: OMenuItem {
//            title: name
//            subTitle: content
//            icon:logo
//        }


//    }




//    ListModel {
//        id:listModel
//    }





//    ListView {
//        id:view
//        anchors.top: topBar.bottom
//        width: root.width
//        height: root.height - topBar.height
//        model: listModel
//        clip: true
//        delegate: OMenuItem {
//            title: m_title
//            subTitle: index ? m_ip+":"+m_port : "add a new connection"
//            icon: index ?"gfx/wifi.png" : "gfx/add.png"
//            animOrientation: -1

//            onClicked: {
//                                    if (!index)
//                                        dialog.show=true;
//                //                    else {
//                //                        root.returnClicked()
//                //                        myModel.connectToHost(m_ip,m_port);
//                //                        myModel.login(m_user,m_password);
//                //                        root.currentName = m_title
//                //                    }

//            }

//            onPressAndHold: {
//                //                    if (!index) return;
//                //                    view.currentIndex = index;
//                //                    removeDialog.show=true;
//                //                }

//            }

//        }
//    }


//    MenuDialog {
//        id:dialog
//    }



}
